<template>
  <div class="wrapper">
    <HelloWorld ref="helloWorld"/>
    <menu @jump="goTo"/>
  </div>
</template>

<script>
import HelloWorld from "@/components/HelloWorld";
import menu from "../src/components/menu";
import { toast, alert } from "./utils/config";

export default {
  name: "App",
  components: {
    HelloWorld,
    menu
  },
  data() {
    return {};
  },
  methods: {
    goTo: function(value) {
      let self = this;
      self.$refs.helloWorld.goTo(value);
    }
  }
};
</script>

<style scoped>
.wrapper {
  justify-content: center;
  align-items: center;
}
</style>
